<template>
  <div>
    <DataGridTable
      :data="details"
      :show-page="false"
      size="mini"
      stripe
      border
      style="width: 100%">
      <el-table-column prop="finMonth" label="月份" width="150px" />
      <el-table-column prop="accountCode" label="账户" width="150px" />
      <el-table-column prop="itemCode" label="项目" width="150px" />
      <el-table-column prop="itemName" label="名称" width="150px" />
      <el-table-column label="借方金额(+)" width="100" prop="addTrxMoney" />
      <el-table-column label="贷方金额(-)" width="100" prop="reduceTrxMoney" />
      <el-table-column label="余额" width="100" prop="balanceMoney" />
    </DataGridTable>
  </div>
</template>

<script>

export default {
  components: { },
  props: {
    details: {
      type: Array,
      required: true
    }
  },
  data() {
    return {
      loading: false,
      style: 'width: 150px'
    }
  },
  created() {
  },
  methods: {
  }
}
</script>
